body, div, p {
  padding: 0;
  margin: 0;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
@for $i from 1 through 1000 {
  .mar-#{$i} {
    margin: #{$i}px;
  }
  .mar__t-#{$i} {
    margin-top: #{$i}px;
  }
  .mar__b-#{$i} {
    margin-bottom: #{$i}px;
  }
  .mar__l-#{$i} {
    margin-left: #{$i}px;
  }
  .mar__r-#{$i} {
    margin-right: #{$i}px;
  }
  .w-#{$i} {
    width: #{$i}px;
  }
  .h-#{$i} {
    height: #{$i}px;
  }
  .pd-#{$i} {
    padding: #{$i}px;
  }
  .pd__t-#{$i} {
    padding-top: #{$i}px;
  }
  .pd__b-#{$i} {
    padding-bottom: #{$i}px;
  }
  .pd__l-#{$i} {
    padding-left: #{$i}px;
  }
  .pd__r-#{$i} {
    padding-right: #{$i}px;
  }
  .fs-#{$i} {
    font-size: #{$i}px;
  }
}